.table-header {
  display: flex;
  justify-content: space-between;
  padding: 16px;
  background-color: #ffffff;
  .table-header-content {
    display: flex;
    align-items: center;
    .title {
      margin-right: 16px;
      font-size: 16px;
    }
    .number {
      margin-inline: 4px;
    }
  }
  .table-header-extra {
    display: flex;
    align-items: center;
    margin-right: -8px;
    & > * {
      margin-right: 8px;
    }
  }
}
.table-container {
  :global {
    .ant-table-thead {
      & > tr > th {
        background: #FAFAFA;
        border-bottom: none;
        color: #6b788d;
      }
      .ant-table-cell {
        &::before {
          display: none;
        }
      }
    }
    .ant-table-tbody {
      & > tr {
        &.ant-table-row:hover > td {
          background-color: #f3f9f1;
        }
        &:nth-child(odd) {
          background-color: #fafcfe;
          .ant-table-cell-fix-left,
          .ant-table-cell-fix-right {
            background-color: #fafcfe;
          }
        }
        & > td {
          border-bottom: none;

          .ant-btn-link {
            padding: 0;
          }
        }
      }
    }
    .ant-table-tbody > tr > td.ant-table-cell-operation {
      padding: 16px 24px;
    }
    .ant-table-thead>tr>th.ant-table-cell-operation {
      padding: 16px 24px;
    }
    .ant-pagination {
      padding: 0 16px;
    }
  }
}

.table-small-container {
  :global {
    .ant-table-thead {
      & > tr > th {
        background: #f5f7fc;
        color: #6b788d;
      }
      .ant-table-cell {
        &::before {
          display: none;
        }
      }
    }
    .ant-table-tbody {
      & > tr {
        &.ant-table-row:hover > td {
          background-color: #f3f9f1;
        }
        & > td {
          .ant-btn-link {
            padding: 0;
          }
        }
      }
    }
  }
}
